<!DOCTYPE html>
<html lang="en" data-ng-app="NodeAPI">
	<head>
		<meta charset="utf-8">
		<title>Aula 07 - angular</title>
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
		<style type="text/css">
			.wrapper {
				max-width: 800px;
				margin: 0 auto;
			}
		</style>
	</head>

	<body data-ng-controller="ProdutoController as Produto">

		<section class="wrapper">

			<ul>
				<li data-ng-repeat="produto in Produto.produtos">{{ produto.nome }}</li>
			</ul>

			<button class="btn btn-large red waves-effect waves-light col s12" data-ng-click="Produto.list()" >Listar Produtos</button>

			<p>
				<input type="text" data-ng-model="Produto.form.nome" placeholder="Digite o nome do produto">
				<button class="btn btn-large red waves-effect waves-light col s12" data-ng-click="Produto.add(Produto.form)" >Adicionar Produto</button>
			</p>
			
		</section>
		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script>
		<script type="text/javascript" src="js/controllers/produto.controller.js"></script>

	</body>
</html>